<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="style/font.css">
  <link rel="stylesheet" href="style/layui.css">
  <link rel="stylesheet" href="style/set2.css">
</head>
<body>
<div class="head" id="head-g">
  <div class="container clearfix">
    <a class="logo">
      <img src="img/logo.png" alt="">
    </a>
    <div class="loginBox">
      <a class="iconfont icon-denglu"></a>
      <a>胖西</a>
      <div class="downBtn">
        <a href="">退出</a>
      </div>
    </div>
  </div>
</div>
<div id="set2" class="container">
  <div class="set-title">
    投稿说明
  </div>
  <div class="s-content2 clearfix">
    <div class="block-left">
      <div class="row">参赛形式：上传征文文稿或朗诵视频</div>
      <div class="row">征文作品：</div>
      <div class="row">主题内容：必须为活动书目中的一本图书的读后感，要求内容真实，积极向上，原创且首次投稿。</div>
      <div class="row">格式规范：以word文档形式上传，标题及正文字体为仿宋三号字/行间距30/文末备注区域+学校+姓名+联系方式（如“武汉 武汉市第一小学 王敏 18971723489”）</div>
      <div class="row">朗诵作品：</div>
      <div class="row">拍摄时长：横版拍摄，时长为3-5分钟……</div>
    </div>
    <div class="blcok-right">
         <div class="codeBox">
           <img src="img/code.png" alt="">
           <div class="codeUp">
<!--             <img src="" alt="二维码图片">-->
           </div>
           <div class="row">
              扫一扫<br/>
             用手机上传作品
           </div>
         </div>
    </div>
  </div>
  <div class="set-title">
    上传作品
  </div>
  <div class="upBox layui-form">
    <div class="dl clearfix">
      <div class="dt">投稿角色:</div>
      <div class="dd">
        <input type="radio" name="type" value="男" title="证明材料验证" checked>
        <input type="radio" name="type" value="女" title="教师管理信息">
      </div>
    </div>
    <div class="dl clearfix">
      <div class="dt">参与者信息:</div>
      <div class="dd" style="padding-top: 8px;">
        <div class="tip">请选择学生参与活动</div>
        <div class="selectBox clearfix">
          <div class="sel-item">
            <div class="is_can">
              已参与
            </div>
            <div class="row title ellText">
              谢安琪 <span class="iconfont icon-shanchu icon-warn"></span>
            </div>
            <div class="row ellText">学校：红领巾小学</div>
            <div class="row ellText">班级：三年级2班</div>
          </div>
          <div class="sel-item">
            <div class="is_can">
              已参与
            </div>
            <div class="row title ellText">
              谢安琪 <span class="iconfont icon-shanchu icon-warn"></span>
            </div>
            <div class="row ellText">学校：红领巾小学</div>
            <div class="row ellText">班级：三年级2班</div>
          </div>
          <div class="sel-item">
            <div class="is_can">
              已参与
            </div>
            <div class="row title ellText">
              谢安琪 <span class="iconfont icon-shanchu icon-warn"></span>
            </div>
            <div class="row ellText">学校：红领巾小学</div>
            <div class="row ellText">班级：三年级2班</div>
          </div>
          <div class="sel-item join">
            <div class="is_can">
              已参与
            </div>
            <div class="row title ellText">
              谢安琪 <span class="iconfont icon-shanchu icon-warn"></span>
            </div>
            <div class="row ellText">学校：红领巾小学</div>
            <div class="row ellText">班级：三年级2班</div>
          </div>
          <div class="sel-item">
            <div class="is_can">
              已参与
            </div>
            <div class="row title ellText">
              谢安琪 <span class="iconfont icon-shanchu icon-warn"></span>
            </div>
            <div class="row ellText">学校：红领巾小学</div>
            <div class="row ellText">班级：三年级2班</div>
          </div>
          <div class="sel-item active">
            <div class="is_can">
              已参与
            </div>
            <div class="row title ellText">
              谢安琪 <span class="iconfont icon-shanchu icon-warn"></span>
            </div>
            <div class="row ellText">学校：红领巾小学</div>
            <div class="row ellText">班级：三年级2班</div>
          </div>
        </div>
      </div>
    </div>
    <div class="dl clearfix">
      <div class="dt">作品类型:</div>
      <div class="dd">
        <input type="radio" name="type" value="男" title="朗诵" checked>
        <input type="radio" name="type" value="女" title="征文">
      </div>
    </div>
    <div class="dl clearfix">
      <div class="dt">作品名称:</div>
      <div class="dd d-input">
        <input type="text" class="layui-input" placeholder="请输入作品名称">
      </div>
    </div>
    <div class="dl clearfix">
      <div class="dt">上传视频:</div>
      <div class="dd d-input">
        <div class="d-row">
          <span class="upBtn">上传视频</span>
        </div>
        <div class="d-row">
          <div class="up-tip">
            小学语文.pm4
          </div>
        </div>
      </div>
    </div>
    <div class="dl clearfix">
      <div class="dt">上传视频:</div>
      <div class="dd d-input">
        <div class="d-row">
          <span class="upBtn">上传文档</span>
        </div>
        <div class="d-row">
          <div class="up-tip">
            小学语文.docx
          </div>
        </div>
      </div>
    </div>
    <div class="dl clearfix">
      <div class="dt">联系方式:</div>
      <div class="dd d-input">
        <input type="text" class="layui-input" placeholder="请输入手机号（不公开）">
      </div>
    </div>
    <div class="dl clearfix">
      <div class="dt"></div>
      <div class="dd d-input">
        <input type="text" class="layui-input" placeholder="请输入通讯地址（不公开）">
      </div>
    </div>
    <div class="dl text-center sumbitBox">
      <a class="g-btn l-big fixed">提 交</a>
    </div>
  </div>



</div>
<div class="footer" id="footer">
  <div class="row clearfix">
    <div class="item"><a href="https://basic.smartedu.cn/">国家中小学智慧教育</a></div>
    <div class="item"><a href="https://jyt.hubei.gov.cn/">湖北省教育厅</a></div>
    <div class="item"><a href="http://www.e21.cn/">湖北教育信息网</a></div>
    <div class="item"><a href="http://www.hbea.edu.cn/">湖北省教育考试网</a></div>
    <div class="item"><a href="https://www.cjcb.com.cn/">长江出版传媒集团</a></div>
  </div>
  <div class="row record-row">
    <img src="img/record2.png" alt="鄂公网安备" />
    <pre><span>  鄂公网安备 42010402000414号   |   鄂ICP备13007865号-3   |   经营证照  </span></pre>
    <img src="img/record1.png" alt="鄂公网安备" />
  </div>
  <div class="row Copyright-row">
    <span>Copyright© 湖北省新华书店(集团)有限公司</span>
  </div>
</div>
<div class="dialog" id="dialog-add-student" style="display: none">
  <div class="inputBox layui-form" id="form-id">
    <div class="dl clearfix">
      <div class="dt">
        <span class="warning">*</span>
        姓名：
      </div>
      <div class="dd">
        <input type="text" class="layui-input" placeholder="请输入">
      </div>
    </div>
    <div class="dl clearfix">
      <div class="dt">
        <span class="warning">*</span>
        地区：
      </div>
      <div class="dd">
        <select id="select-id" >
          <option value="a">A</option>
          <option value="b">b</option>
        </select>
      </div>
    </div>
    <div class="dl clearfix">
      <div class="dt">
        <span class="warning">*</span>
        区县：
      </div>
      <div class="dd">
        <select id="select-id2" >
          <option value="a">A</option>
          <option value="b">b</option>
        </select>
      </div>
    </div>
    <div class="dl clearfix">
      <div class="dt">
        <span class="warning">*</span>
        学校：
      </div>
      <div class="dd">
        <select id="select-id2" >
          <option value="a">A</option>
          <option value="b">b</option>
        </select>
      </div>
    </div>
    <div class="dl clearfix">
      <div class="dt">
        <span class="warning">*</span>
        班级：
      </div>
      <div class="dd">
        <select id="select-id2" >
          <option value="a">A</option>
          <option value="b">b</option>
        </select>
      </div>
    </div>
    <div class="loginBtnBox">
      <button class="loginBtn duan" type="submit">完成</button>
    </div>
  </div>
</div>
<div class="dialog" id="teacherTest" style="display: none">
  <div class="tip-info" style="margin-bottom: 10px;">
    老师您好！为了您完整的用户体验，请进行教师身份认证！
  </div>
  <div class="inputBox inputBoxM layui-form" id="form-id">
    <div class="dl clearfix">
      <div class="dt">
        <span class="warning">*</span>
        验证方式：
      </div>
      <div class="dd">
        <input type="radio" name="type" value="男" title="证明材料验证" checked>
        <input type="radio" name="type" value="女" title="教师管理信息">
      </div>
    </div>
    <div class="tab1">
      <div class="dl clearfix">
        <div class="dt">
          <span class="warning">*</span>
          姓名：
        </div>
        <div class="dd">
          <select id="select-id2" >
            <option value="a">A</option>
            <option value="b">b</option>
          </select>
        </div>
      </div>
      <div class="dl clearfix">
        <div class="dt">
          <span class="warning">*</span>
          学校：
        </div>
        <div class="dd">
          <select id="select-id2" >
            <option value="a">A</option>
            <option value="b">b</option>
          </select>
        </div>
      </div>
      <div class="dl clearfix">
        <div class="dd clearfix">
          <div class="ddChid">
            <span class="warning">*</span>上传验证材料：
          </div>
          <div class="ddChid">
            <div class="upImg" id="imgBtn">
              <img src="img/upDefault.png" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="tab2" style="display: none;">
      <div class="dl clearfix">
        <div class="dt">
          <span class="warning">*</span>
          姓名：
        </div>
        <div class="dd">
          <select id="select-id2" >
            <option value="a">A</option>
            <option value="b">b</option>
          </select>
        </div>
      </div>
      <div class="dl clearfix">
        <div class="dt">
          <span class="warning">*</span>
          学校：
        </div>
        <div class="dd">
          <select id="select-id2" >
            <option value="a">A</option>
            <option value="b">b</option>
          </select>
        </div>
      </div>
      <div class="dl clearfix">
        <div class="dt">
          <span class="warning">*</span>
          身份证：
        </div>
        <div class="dd">
          <input type="text" class="layui-input" placeholder="输入身份证号">
        </div>
      </div>
    </div>
    <div class="policy" style="padding: 0 0 20px 0;">
      请上传教师资格证等相关证明，我们将在1个工作日内完成审核。 文件仅支持jpg或png格式。
    </div>
    <div class="loginBtnBox" style="padding-top: 0;">
      <button class="loginBtn duan" type="submit">完成</button>
    </div>
  </div>
</div>

<script src="js/lib/jquery/jquery-1.2.3.min.js"></script>
<script src="js/lib/layer3.11/layer.js"></script>
<script src="js/lib/layui/layui.all.js"></script>
<script src="js/public.js"></script>
<script src="js/set.js"></script>
</body>
</html>
